import React, { Component } from 'react'
import Child from '../Child'

export default class Parent extends Component {
  state = {
    car: '奥拓',
  }
  // #1 通过属性传递一个回调函数
  // !注意：this 指向问题
  changeCar = (car) => {
    // #3 接收传递过来的参数，并做处理
    // console.log(car)
    this.setState({ car })
  }
  render() {
    return (
      <div style={{ textAlign: 'center' }}>
        <h2>父组件：{this.state.car}</h2>
        <hr />
        <Child changeCar={this.changeCar} />
      </div>
    )
  }
}
